<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>轮播图练习</title>
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<!--//轮播图的盒子-->
		<div class="banner" id="ban">
			<!--//放图片-->
		   <div class="picture">
		   <img src="img/0.jpg" alt="" />
		   <img src="img/1.jpg" alt="" />
		   <img src="img/2.jpg" alt="" />
		   <img src="img/3.jpg" alt="" />
		   <img src="img/4.jpg" alt="" />
		   </div>
		   <!--放小圆点-->
		   <ul class="dotted" id="Ul">
		   	<li>1</li>
		   	<li>2</li>
		   	<li>3</li>
		   	<li>4</li>
		   	<li>5</li>
		   </ul>
		   <!--放左边的按钮-->
		   <div class="left-btn btn" id="btnL">
		   	
		   </div>
		   <!--放右边的按钮-->
		   <div class="right-btn btn" id="btnR">
		   	
		   </div>
		</div>
		<script src="js/index.js" type="text/javascript"></script>
	</body>
</html>
